<template>
    <div v-show="showShareFriendView">
        <!--遮罩层-->
        <div id="com_black" class="js_com_black js-show js-hide-refund com_black refund-com-black"
             @click="jsHide"></div>
        <!--分享给好友-->
        <img class="discount-share js-hide-refund" @click="jsHide"
             v-lazy="staticImageUrl('images/discount_share.png')">
    </div>
</template>

<script>
    import xurl from '../../x/xurl'
    import XWxConfig from '../../x/XWxConfig'

    let wx = require('weixin-js-sdk');
    import XCookie from '../../x/XCookie'

    export default {
        data() {
            return {
                showShareFriendView: true
            }
        },
        props: {
            link: {//分享链接
                type: String
            },
            desc: {//分享描述
                type: String
            },
            name: {//分享人
                type: String
            }
        },
        created() {
            let outer = this;
            let receiveLink = this.link
            if (XCookie.isOpenAlert()) {
                alert("this.basePath + receiveLink=" + this.basePath() + receiveLink)
            }
            window.share_config = {
                "share": {
                    "imgUrl": outer.systemImgServer + "store/icon_youhuiquan_nor@3x.png",//使用绝对路径的的话，“http://”协议前缀必须在。
                    "desc": outer.desc,//摘要,如果分享到朋友圈的话，不显示摘要。
                    "title": outer.name + '送你一张优惠券',//分享卡片标题
                    "link": this.basePath() + receiveLink,//分享出去后的链接，这里可以将链接设置为另一个页面。
                    "success": function () {
                        //分享成功后的回调函数
                        outer.jsHide();
                    },
                    'cancel': function () {
                        // 用户取消分享后执行的回调函数
                    }
                }
            };
            let wxConfig = XWxConfig.getConfig();
            if (wxConfig) {
                wx.config(wxConfig);
                wx.ready(function () {
                    wx.updateTimelineShareData(share_config.share);//分享到朋友圈
                    wx.updateAppMessageShareData(share_config.share);//分享给好友 或 手机QQ
                });
                wx.error(function (res) {
                    console.log("wx验证失败！");
                });
            }
        },
        methods: {
            jsHide() {
                this.showShareFriendView = false
            },
            jsShow() {
                this.showShareFriendView = true
            }
        }
    }
</script>

<style scoped>

</style>
